// 想要将开发模式，生产模式分开，还有公共样式，那么在使用者想要正常使用，就必须调用正确的方法
// 在package.json脚本中配置的--env development 在使用时是可以将development传过来的，如此就可以判断是要使用那种打包
// 在使用npm run serve 希望config和serve文件生效，npm run build 希望config和build文件生效

// 使用合并的依赖
const { merge } = require('webpack-merge')

// 将另外几个文件引入
const config = require("./config/config.js")
const build = require("./config/build.js")
const serve = require("./config/serve.js")

// module.exports = function({ development }) {
//     // console.log(env);
//     // npm run build是env里展示的就是productiom
//     // npm run serve 展示的就是development
//     // let { development } = env;
//     // if (development) {
//     //     // 这里将serve.js和config.js代码放在这执行
//     // } else {
//     //     // 这里将build.js和config.js代码放在这执行
//     // }

//     // 简写 当然这两个文件还是没有合并在一起使用
//     if (development) return {} // 这里将serve.js和config.js代码放在这执行
//     else return {} // 这里将build.js和config.js代码放在这执行
// }

module.exports = function({ development }) {
    // 根据条件，将两个文件合并在一起使用
    // console.log(development);
    return merge(config, development ? serve : build)
}


// webpack打包对es6+中的语法不能全部转化成es5,但是浏览器对es5的兼容性是最好的，我们需要使用loader
// loader就是将webpack不能识别的模块，转化成可以识别的模块，注意,对webpack而言所有的都是模块

// loader中最厉害的就是babel了